<style>
  .news_img {
    width: 100%;
    height: 100%;
  }
</style>

<div class="container-xl">

  <div class="card-group ">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">新闻频道</h5>
        {{range $index, $item := .News}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <h5 class="card-title">财经频道</h5>
        {{range $index, $item := .Finance}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <h5 class="card-title">娱乐频道</h5>
        {{range $index, $item := .Entertainment}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <h5 class="card-title">体育频道</h5>
        {{range $index, $item := .Sports}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>

  </div>

  <div class="card-group ">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">军事频道</h5>
        {{range $index, $item := .Military}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <h5 class="card-title">科技频道</h5>
        {{range $index, $item := .Tech}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <h5 class="card-title">手机频道</h5>
        {{range $index, $item := .Phone}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <h5 class="card-title">数码频道</h5>
        {{range $index, $item := .Digital}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>


  </div>

  <div class="card-group ">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">时尚频道</h5>
        {{range $index, $item := .Fation}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <h5 class="card-title">游戏频道</h5>
        {{range $index, $item := .Game}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <h5 class="card-title">教育频道</h5>
        {{range $index, $item := .Education}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <h5 class="card-title">健康频道</h5>
        {{range $index, $item := .Health}}
        <p class="card-text">
        <div class="row">
          <div class="col-3">
            <img src="{{ $item.imgsrc }}" class="rounded news_img">
          </div>
          <div class="col-9">
            <a href="{{ $item.url }}" target="_blank" class="text-dark">
              {{ $item.title }}
              <span class="text-black-50">(来源：{{ $item.source }})</span>
            </a>
          </div>
        </div>
        </p>
        {{end}}
      </div>
    </div>


  </div>



</div>